
        <!-- END HEADER -->
        
        <!-- BEFORE CONTENT -->
        <div id="outerbeforecontent">
        	<div class="container">
            <div class="row">
                <div id="beforecontent" class="twelve columns">
                </div>
            </div>
            </div>
        </div>
        <!-- END BEFORE CONTENT -->


        <!-- MAIN CONTENT -->
        <div id="outermain" class="fullwidth">
        	<div class="container">
                <div class="row">
                	<section id="maincontent" class="twelve columns">
                    
                        <section class="content">

                            <!-- Begin Portfolio Nav -->
                            <div id="frame-filter">
                            <ul id="filter">
                                {{range .Cates}}
                                <li class="current"><a href="#" data-filter="*">{{.Name}}</a><span></span></li>
                                {{end}}
                            </ul>
                            <div class="clear"></div>
                            </div> 
                            <!-- End Portfolio Nav -->    
                              
                            <!-- Begin Portfolio Items -->
                            <div id="ts-display" class="row">
                                    <div class="one_fourth columns item wordpress">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf1.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf1.gif" alt=""/>
                                            </a>							
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">The Thirsty Goat</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi.  </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    <div class="one_fourth columns item design">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf2.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf2.gif" alt=""/>	</a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Koala Safari</a></h2>
                                             <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi.  </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
            
                                    <div class="one_fourth columns item wordpress">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf3.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf3.gif" alt=""/></a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Ivory Garden</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi.  </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
            
                                    <div class="one_fourth columns item photography">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf4.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf4.gif" alt=""/>	</a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Workband</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    <div class="one_fourth columns item design">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf5.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf5.gif" alt=""/>	</a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Door to Door Services</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    <div class="one_fourth columns item wordpress">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf6.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf6.gif" alt=""/>	</a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Who is it</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    
                                    <div class="one_fourth columns item photography">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf7.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf7.gif" alt=""/>	</a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Bike to Work</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    <div class="one_fourth columns item design">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf8.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf8.gif" alt=""/>	</a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Amazing Theme</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    <div class="one_fourth columns item wordpress">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf9.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf9.gif" alt=""/></a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Goldpixel</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    <div class="one_fourth columns item photography">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf10.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf10.gif" alt=""/>	</a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Bike to Work</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    <div class="one_fourth columns item design">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf11.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf11.gif" alt=""/>	</a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Amazing Theme</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                                    <div class="one_fourth columns item wordpress">
                                        <div class="ts-display-pf-img">
                                            <a class="image" href="/static/img/content/pf/pf12.gif" data-rel="prettyPhoto[mixed]" >
                                            <span class="rollover"></span>
                                            <span class="zoom"></span>
                                            <img src="/static/img/content/pf/pf12.gif" alt=""/></a>
                                        </div>
                                        <div class="ts-display-pf-text">
                                            <h2><a href="#">Goldpixel</a></h2>
                                            <span>Suspendisse dui sem, ullamcorper eu imperdiet eu, dapibus nisi. </span>
                                        </div>
                                        <div class="ts-display-clear"></div>
                                    </div>
                            </div>
                            <!-- End Portfolio Items -->
                            
                        </section>
                    
                	</section>
                </div>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
